﻿@model Mobile.Models.Queue


<section id="main"> 
            <div data-role="content">
            
                 <ul data-role="listview"  data-split-icon="plus" data-theme="a" data-split-theme="b" data-inset="true">
                      @foreach (var song in Model.SongList)
                      {
                             <li>
                             <div data-role="footer" class="ui-bar ui-bar-a ui-footer" data-position="inline" role="contentinfo">
				            <label for="select-choice-1" class="ui-select">
       
                                     <h3>@song.Title</h3>
                                     <p><strong>@string.Join(", ", song.Artist)</strong></p>
                                    
                                     </label>

                                     <div data-role="controlgroup" data-type="horizontal" class="ui-btn-right" >
                                      
                                    <a href="/AdminUI/UpvoteButton?songID=@song.ID" data-role="button" data-icon="arrow-u" data-iconpos="notext" >Vote Up</a>
                                      <a href="/AdminUI/DownvoteButton?songID=@song.ID" data-role="button" data-icon="arrow-d" data-iconpos="notext" >Vote Down</a>
                                    </div>
                                
                                     </div>
                                       <span class="ui-li-count">@song.UpVotes</span>
                              </li>
                      }      
                 </ul>  
           </div>
        </section>
